<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <link rel="stylesheet" href="/pc/css/center/setmeal/index.css">
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - VIP套餐
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <div class="section page-content">
        <div class="layui-main clearfix">

         <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li class="layui-nav-item layui-this">
                        <a href="/center/setmeal">
                            我的套餐
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/center/setmeal/records">
                            消耗记录
                        </a>
                    </li>

                    <span class="layui-nav-bar" style="width: 0px; left: 72px; opacity: 0; top: 57px;"></span></ul>
                <div class="main-content">
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 100px;">
                        <legend>
                            升级套餐
                        </legend>
                    </fieldset>

                    <form action="" method="get">
                        <div  class="setmeals">
                            <div th:each="item:${bcSetmealsList}" class="item">
                                <div class="head">
                                    <div class="title" th:text="${item.name}"></div>
                                    <div class="price">￥[[${item.price}]]</div>
                                </div>
                                <div class="main">
                                    <div class="bcui_infos">
                                        <dl>
                                            <dt>套餐时长：</dt>
                                            <dd><u>[[${item.duration}]]</u> 天</dd>
                                        </dl>

                                        <dl>
                                            <dt>加好友数：</dt>
                                            <dd><u>[[${item.friend}]]</u>
                                            </dd>
                                        </dl>

                                        <dl>
                                            <dt>聊天数量：</dt>
                                            <dd><u>[[${item.chat}]]</u>
                                            </dd>
                                        </dl>

                                        <dl>
                                            <dt>联系方式：</dt>
                                            <dd><u>[[${item.contact}]]</u>
                                            </dd>
                                        </dl>

                                        <dl>
                                            <dt>打招呼数：</dt>
                                            <dd><u>[[${item.greet}]]</u>
                                            </dd>
                                        </dl>
                                    </div>
                                    <p class="explains" th:text="${item.explains}"></p>
                                </div>
                                <div class="foot">
                                    <a th:href="'/center/account/recharge?type=setmeal&amp;source=pc&amp;setmealId='+${item.id}" type="submit" class="btn btn-sm">确认购买</a>
                                </div>
                            </div>
                        </div>
                    </form>
                    <hr>
                    <p style=" font-size:14px; color: #999;">
                        点击查看
                        <a class="_color" href="/common/about/vipexplain">

                            VIP会员权限说明

                            &gt;&gt;
                        </a>
                        <br>
                        支付即视为同意
                        <a class="_color" href="/common/about/vipagreement">
                            《
                            VIP会员购买协议
                            》
                        </a>
                    </p>

                </div>

            </div>

        </div>
    </div>

</div>
<div layout:fragment="contentFooter">
</div>
</html>